import React from 'react'
import { ICounterProp } from '../interfaces'
import './styles/TodoCounter.css'

const TodoCounter: React.FC<ICounterProp> = ({ todos }) => {
  return (
    <div className="counter">
      Progress: {todos.filter(todo => todo.finished).length} / {todos.length}
    </div>
  )
}

export default TodoCounter
